// 引入 react 依赖
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { Text, View, Image, TouchableOpacity, ImageBackground, ScrollView } from 'react-native';

// 引入第三方依赖
import _ from 'lodash';
import pureRender from 'pure-render-decorator';

// antd 按需加载
import { } from '@ant-design/react-native';

// 引入 处理数据 所需文件
import { } from './module.js'

// 引入样式
import Styles from './style.js';

// 引入公用组件
import { } from '../../components/index.js'

// 引入工具包
import { press, size, ScreenWidth } from '../../util/utils.js'
class Button extends Component {
	static propTypes = {

	}

	constructor(props) {
		super(props)
		this.state = {}
	}

	render() {
		const { style, textStyle, onPress, children } = this.props
		return (
			<TouchableOpacity
				activeOpacity={0.9}
				onPress={() => {
					if (onPress) {
						onPress()
					}
				}}
				style={{
					marginTop: 40,
					paddingVertical: 14,
					paddingHorizontal: 20,
					backgroundColor: '#f23030',
					borderRadius: 23,
					alignItems: 'center',
					justifyContent: 'center',
					...style
				}}
			>
				<Text style={{ fontSize: size(28), color: '#fff', lineHeight: size(30), ...textStyle }}>{children}</Text>
			</TouchableOpacity>
		)
	}
}

export default pureRender(Button)
